<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
     <style type="text/css">
            @import "../dojo/dojo-release-1.0.0/dijit/themes/tundra/tundra.css";
            @import "../dojo/dojo-release-1.0.0/dojo/resources/dojo.css";
            @import "../dojo/dojo-release-1.0.0/dojox/grid/_grid/tundraGrid.css";
            @import "../dojo/dojo-release-1.0.0/dojox/grid/_grid/Grid.css";
            @import "../js/wlProject.css";
	        @import "../js/dijitTests.css";
			@import "../dojo/dojo-release-1.0.0/dojox/layout/resources/FloatingPane.css"; 
		    @import "../dojo/dojo-release-1.0.0/dojox/layout/resources/ResizeHandle.css"; 
      </style>
      <script type="text/javascript" src="../dojo/dojo-release-1.0.0/dojo/dojo.js"  
                djConfig="parseOnLoad: true, isDebug: true,locale: 'zh-cn', extraLocale: ['zh-TW', 'fr']"></script>
      <script>
    
            dojo.require("dojo.data.ItemFileWriteStore");
            dojo.require("dijit.layout.SplitContainer");
            dojo.require("dijit.layout.ContentPane");
			dojo.require("dojox.layout.FloatingPane");
            dojo.require("dijit.Tree");
            dojo.require("dojo.parser");
            dojo.require("dijit.form.Button");
            dojo.require("dijit.Menu");
            dojo.require("dojox.grid.Grid");
            dojo.require("dojox.grid._data.model");
            dojo.require("dojo.i18n");
            dojo.require("dojox.validate._base");
            dojo.require("dijit.form.ValidationTextBox");
            dojo.require("dijit.form.TextBox");
            dojo.require("dijit.form.FilteringSelect");
            dojo.require("dojox.grid._data.dijitEditors");
            dojo.require("dijit.Tooltip");
            
            dojo.registerModulePath("mydojo", "../../../js/mydojo");
            dojo.require("mydojo.FilteringSelect");
            dojo.require("mydojo.ValidationTextBox");
            dojo.require("mydojo.NumberTextBox");
     </script>
        
     <script type="text/javascript" src="../js/soapclient.js"></script>
     <script type="text/javascript" src="../js/wlProject.js"></script>
     <script type="text/javascript" src="../js/voiture.js"></script>
	 <script type="text/javascript" src="../js/place.js"></script>
	 <script type="text/javascript" src="../js/customervo.js"></script>
   	<script type="text/javascript" src="../js/peoplevo.js"></script>
     <script type="text/javascript" >
     
          var griddata =  new Array();
          var deletedata=new Array();
          var querydata =  new Array();
          var queryvo=new WlVoitureVOJs(); //   
          var totalCount=0 ;
          var totalpage=0;
          var pagenumber=1;
          var pagesize=4;
          var url=getUrl()+ "services/WlCarManagerService";
		  var url2 = getUrl()+ "services/BasicManageService";  
          var model = new dojox.grid.data.Table(null,griddata);
		  var p3 = new SOAPClientParameters();
		p3.add('eType','carType');
		var carTypeOption=[];
		SOAPClient.invoke(url2, "getEnumerationByType", p3, false,  function GetEnu_callBack(ul, soapResponse){  
			  for(var i = 0; i < ul.length; i++){		
			  var ulo=ul[i];
			  carTypeOption[i]=ulo["ns:fieldName"];
			 }
		});
		  
		  
	  var peoNo;
	  var selectPeopleIDs;
	  var ifMult;
	  var oldFloat;
	  var selectInRow;
function selectPeople(myID,inrow,peoColNo,ifMults,e){
var floath=e.screenY-window.screen.availHeight+document.body.clientHeight+30;
if(floath+255>document.body.clientHeight)floath=floath-255;
var floatw=e.screenX;
if(e.screenX+505>document.body.clientWidth)floatw=floatw-500;
						selectInRow=inrow;//+"&inrow="+inrow
						peoNo=peoColNo;
						selectPeopleIDs=myID;
						ifMult=ifMults;
						oldFloat = dijit.byId("selectPeoFloat_1");
						if(oldFloat==undefined){
							var div = dojo.doc.createElement('div');
							dojo.body().appendChild(div);
							var fp = new dojox.layout.FloatingPane({
							    id:"selectPeoFloat_1",
								title:"\u9009\u62e9\u4eba\u5458",
								maxable: true,
								closable: true,
								resizable: true ,
								dockable:true,
								href:"../common/selectPeopleFloat.html"
							},div);
							dojo.style(fp.domNode,{
								width:"500px",
								height:"255px",
								top:floath, left:floatw,
								position:"absolute",
								zIndex:"980"
							});
							oldFloat=fp;
							fp.startup();
							fp.show();
						}else{
						    dojo.style(oldFloat.domNode,{
								width:"500px",
								height:"255px",
								top:floath, left:floatw,
								position:"absolute",
								zIndex:"980"});
							oldFloat.show();
							//gridIncPeo.model.setData(querydataIncPeo);
						}
}
function selectPeopleFun(rep){
	querydata[selectInRow][peoNo]=rep;
	//querydata[inRowIndex][25]
	grid.updateRow(selectInRow);		
}	

		  var  IncWlCustomerNo;
		  var selectIncWlCustomerIDs;
		  var ifMultIncWlCustomer;
		  var oldIncWlCustomerFloat;
		  var selectInRowIncWlCustomer;
function selectIncWlCustomer(myID,inrow,peoColNo,ifMults,e){
var floath=e.screenY-window.screen.availHeight+document.body.clientHeight+30;
if(floath+255>document.body.clientHeight)floath=floath-255;
var floatw=e.screenX;
if(e.screenX+505>document.body.clientWidth)floatw=floatw-500;
						selectInRowIncWlCustomer=inrow;//+"&inrow="+inrow
						IncWlCustomerNo=peoColNo;
						selectIncWlCustomerIDs=myID;
						ifMultIncWlCustomer=ifMults;
						oldIncWlCustomerFloat = dijit.byId("selectIncWlCustomerFloat_1");
						if(oldIncWlCustomerFloat==undefined){
							var div = dojo.doc.createElement('div');
							dojo.body().appendChild(div);
							var fp = new dojox.layout.FloatingPane({
							    id:"selectIncWlCustomerFloat_1",
								title:"???????\u00b1",
								maxable: true,
								closable: true,
								resizable: true ,
								dockable:true,
								href:"../common/selectCustomerFloat.html"
							},div);
							dojo.style(fp.domNode,{
								width:"500px",
								height:"255px",
								top:floath, left:floatw,
								position:"absolute",
								zIndex:"980"
							});
							oldIncWlCustomerFloat=fp;
							fp.startup();
							fp.show();
						}else{
						    dojo.style(oldIncWlCustomerFloat.domNode,{
								width:"500px",
								height:"255px",
								top:floath, left:floatw,
								position:"absolute",
								zIndex:"980"});
							oldIncWlCustomerFloat.show();
							//gridIncWlCustomer.model.setData(queryIncWlCustomerdata);
						}
}
function selectIncWlCustomerFun(rep){
	querydata[selectInRowIncWlCustomer][IncWlCustomerNo]=rep;
	//queryIncWlCustomerdata[inRowIndex][25]
	grid.updateRow(selectInRowIncWlCustomer);		
}	
          var editfield =[{type: 'dojox.GridRowView', width: '20px' },{
                          cells: [ [
	                                            //{name: '????', width: 3, get:getChoise},
										  { name: '\u9009\u62e9', width: 3,field:0, styles: 'text-align: center;', editor: dojox.grid.editors.Bool },//
										  { name: 'No.', width: 2, styles: 'text-align: center;', get: function(inRowIndex){ return inRowIndex+1;} },//
										  {name: '\u724c\u7167\u53f7', field: 2,width: 10 , editor: mydojo.ValidationTextBox ,required:true ,maxLength:30,invalidMessage:'can not be empty'}
										 ,   {name: '\u751f\u4ea7\u5382\u5bb6', field: 3,width: 10 , editor: mydojo.ValidationTextBox ,required:true ,maxLength:30,invalidMessage:'can not be empty'}
										 ,   {name: '\u5382\u724c\u578b\u53f7', field: 4,width: 10, editor: mydojo.ValidationTextBox , required:false ,maxLength:100,invalidMessage:'' }
										 ,   {name: '\u53d1\u52a8\u673a\u53f7', field: 5,width: 10 , editor: mydojo.ValidationTextBox ,required:true ,maxLength:30,invalidMessage:'can not be empty'}
										 ,   {name: '\u8f66\u67b6\u53f7', field: 6,width: 10 , editor: mydojo.ValidationTextBox ,required:true ,maxLength:30,invalidMessage:'can not be empty'}
										 ,   {name: '\u51fa\u5382\u65e5\u671f',field:7, width: 8,editor: dojox.grid.editors.DateTextBox,  formatter: formatDate,  constraint: { selector: "date",datePattern: "yyyy-MM-dd"}}
	                                     // ,   {name: 'birthdayTime',field:8, width: 8,editor: dojox.grid.editors.TimeTextBox, formatter: formatDate, constraint: {selector: "time" ,timePattern: "HH:mm"}}
	                                     ,   {name: '\u767b\u8bb0\u65e5\u671f',field:9, width: 8,editor: dojox.grid.editors.DateTextBox,  formatter: formatDate,  constraint: { selector: "date",datePattern: "yyyy-MM-dd"}}
	                                     //,   {name: 'registerDayTime',field:10, width: 8,editor: dojox.grid.editors.TimeTextBox, formatter: formatDate, constraint: {selector: "time" ,timePattern: "HH:mm"}}
	                                     ,  {name: '\u8f7d\u91cd\u91cf',field:11, width: 8,editor: dojox.grid.editors.Dijit, editorClass: "mydojo.NumberTextBox", constraint: {min:0,max:9999999,places:4 } }
	                                     ,  {name: '\u81ea\u91cd',field:12, width: 8,editor: dojox.grid.editors.Dijit, editorClass: "mydojo.NumberTextBox", constraint: {min:0,max:9999999,places:4 } }
	                                     ,  {name: '\u5916\u957f',field:13, width: 8,editor: dojox.grid.editors.Dijit, editorClass: "mydojo.NumberTextBox", constraint: {min:0,max:9999999,places:4 } }
	                                     ,  {name: '\u5185\u957f',field:14, width: 8,editor: dojox.grid.editors.Dijit, editorClass: "mydojo.NumberTextBox", constraint: {min:0,max:9999999,places:4 } }
	                                     ,  {name: '\u5916\u5bbd',field:15, width: 8,editor: dojox.grid.editors.Dijit, editorClass: "mydojo.NumberTextBox", constraint: {min:0,max:9999999,places:4 } }
	                                     ,  {name: '\u5185\u5bbd',field:16, width: 8,editor: dojox.grid.editors.Dijit, editorClass: "mydojo.NumberTextBox", constraint: {min:0,max:9999999,places:4 } }
	                                     ,  {name: '\u5916\u9ad8',field:17, width: 8,editor: dojox.grid.editors.Dijit, editorClass: "mydojo.NumberTextBox", constraint: {min:0,max:9999999,places:4 } }
	                                     ,  {name: '\u5185\u9ad8',field:18, width: 8,editor: dojox.grid.editors.Dijit, editorClass: "mydojo.NumberTextBox", constraint: {min:0,max:9999999,places:4 } }
										 ,   {name: '\u989c\u8272', field: 19,width: 10, editor: mydojo.ValidationTextBox , required:false ,maxLength:100,invalidMessage:'' }
										 ,   {name: '\u8f66\u8f86\u7c7b\u578b', field: 20,width: 10 ,editor: mydojo.FilteringSelect,options:carTypeOption}
										 ,   {name: '\u652f\u817f', field: 21,width: 10 , editor: mydojo.ValidationTextBox ,required:true ,maxLength:30,invalidMessage:'can not be empty'}
										 ,   {name: '\u978d\u5ea7\u7275\u5f15\u9500', field: 22,width: 10, editor: mydojo.ValidationTextBox , required:false ,maxLength:100,invalidMessage:'' }
										 ,   {name: '\u56fd\u522b', field: 23,width: 10 , editor: mydojo.ValidationTextBox ,required:true ,maxLength:30,invalidMessage:'can not be empty'}
										 ,   {name: '\u7c7b\u578b', field: 24,width: 10 , editor: mydojo.ValidationTextBox ,required:true ,maxLength:30,invalidMessage:'can not be empty'}
										 ,   {name: '\u539f\u503c',field:25, width: 8,editor: dojox.grid.editors.Dijit, editorClass: "mydojo.NumberTextBox", constraint: {min:0,max:9999999,places:4 } }
										 ,   {name: '\u5907\u6ce8', field: 26,width: 10, editor: mydojo.ValidationTextBox , required:false ,maxLength:100,invalidMessage:'' }
										 ,   {name: '\u72b6\u6001', field: 27,width: 10 , editor: mydojo.ValidationTextBox ,required:true ,maxLength:30,invalidMessage:'can not be empty'}
	                                     ,   {name: '\u627f\u5305\u53f8\u673a', field: 28,width: 10,get: function(inRowIndex){if(querydata[inRowIndex][28]!=undefined){return querydata[inRowIndex][28][2]+'<button dojoType="dijit.form.Button" onclick="selectPeople('+querydata[inRowIndex][28][1]+','+inRowIndex+',28,0,event);"   iconClass="peoIcon">peo</button>'; }else{return '<button dojoType="dijit.form.Button" onclick="selectPeople(undefined,'+inRowIndex+',28,0,event);"   iconClass="peoIcon">peo</button>';} }}
										   // ,   {name: 'masterDriverId', field: 29}//select or pop window
										   // ,   {name: 'tasks', field: 30,width: 10 }
										   //  ,   {name: 'tasksId', field: 31}//select or pop window
	                                     ,   {name: '\u6240\u5c5e\u5355\u4f4d', field: 30,width: 10,get: function(inRowIndex){ if(querydata[inRowIndex][30]!=undefined){return querydata[inRowIndex][30][2]+'<button dojoType="dijit.form.Button" onclick="selectIncWlCustomer('+querydata[inRowIndex][30][1]+','+inRowIndex+',30,0,event);"   iconClass="peoIcon">customer</button>'; }else{return '<button dojoType="dijit.form.Button" onclick="selectIncWlCustomer(undefined,'+inRowIndex+',30,0,event);"   iconClass="peoIcon">customer</button>';} }}
										   // ,   {name: 'departId', field: 33}//select or pop window
                                           ] ]
                           }];
						   
		
function call_funUpd() {
       //var s = grid.selection.getSelected();
       var  d=new DateTimeQuery();
       var n=new NumberQuery();
       var sall=grid.model.data;
	   var cells = grid.layout.cells;
       for(var i=0;i<sall.length;i++){
       if(sall[i][0]==true){
         var passAll=0;
         var thisCell=sall[i];
         var padd = new SOAPClientParameters2();
         var vobject=new WlVoitureVOJs();
         vobject.id=thisCell[1];
		//var gridThisCell=grid.layout.cells;//[inIndex];
		//alert( grid.model.fieldArray[20]);
		 /* for(var m in gridThisCell){
		 console.log(m+":"+gridThisCell[m]);
		 }
		 var p=gridThisCell.get(20);
		  for(var m in p){
		 console.log(m+"::::"+p[m]);
		 }
		 alert(p.key);*/
			//if(gridThisCell[m].fieldIndex!=undefined && gridThisCell[m].fieldIndex!=null){
		    if(dojox.validate.isText(thisCell[2], {minlength: 1})){vobject.license=thisCell[2];
             }else{grid.getCell(grid.model.fieldArray[2]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>can not be null</span>"; passAll=1;}//not null
               if(dojox.validate.isText(thisCell[3], {minlength: 1})){vobject.manufacturer=thisCell[3];
             }else{grid.getCell(grid.model.fieldArray[3]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>can not be null</span>"; passAll=1;}//not null
                vobject.oldModel=thisCell[4];
             if(dojox.validate.isText(thisCell[5], {minlength: 1})){vobject.engineCode=thisCell[5];
             }else{grid.getCell(grid.model.fieldArray[5]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>can not be null</span>"; passAll=1;}//not null
             if(dojox.validate.isText(thisCell[6], {minlength: 1})){vobject.bodyCode=thisCell[6];
             }else{grid.getCell(grid.model.fieldArray[6]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>can not be null</span>"; passAll=1;}//not null
             if(thisCell[7] instanceof Date){
			 d=new DateTimeQuery();
			  d.upDate=dojo.date.locale.format(thisCell[7], { timePattern: "HH:mm",datePattern: "yyyy-MM-dd"});
			  vobject.birthday=d;
			 }else{grid.getCell(grid.model.fieldArray[7]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>must be date</span>"; passAll=1;}//not null
             
             if(thisCell[9] instanceof Date){ d=new DateTimeQuery();
			 d.upDate=dojo.date.locale.format(thisCell[9], { timePattern: "HH:mm",datePattern: "yyyy-MM-dd"});
             vobject.registerDay=d;
			 }else{grid.getCell(grid.model.fieldArray[9]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>must be date</span>"; passAll=1;}//not null
              
             if(dojox.validate.isInRange(thisCell[11],{max:9999999, min:0})){
                n=new NumberQuery(); n.upNumber=thisCell[11];vobject.load=n;
             }else{grid.getCell(grid.model.fieldArray[11]).getNode(i).innerHTML="<span style={color:red;line-height:16px}> not be double</span>";passAll=1;}//double

             if(dojox.validate.isInRange(thisCell[12],{max:9999999, min:0})){
                n=new NumberQuery(); n.upNumber=thisCell[12];vobject.selfWeight=n;
             }else{grid.getCell(grid.model.fieldArray[12]).getNode(i).innerHTML="<span style={color:red;line-height:16px}> not be double</span>";passAll=1;}//double

             if(dojox.validate.isInRange(thisCell[13],{max:9999999, min:0})){
                n=new NumberQuery(); n.upNumber=thisCell[13];vobject.outLength=n;
             }else{grid.getCell(grid.model.fieldArray[13]).getNode(i).innerHTML="<span style={color:red;line-height:16px}> not be double</span>";passAll=1;}//double

             if(dojox.validate.isInRange(thisCell[14],{max:9999999, min:0})){
                n=new NumberQuery(); n.upNumber=thisCell[14];vobject.inLength=n;
             }else{grid.getCell(grid.model.fieldArray[14]).getNode(i).innerHTML="<span style={color:red;line-height:16px}> not be double</span>";passAll=1;}//double

             if(dojox.validate.isInRange(thisCell[15],{max:9999999, min:0})){
                n=new NumberQuery(); n.upNumber=thisCell[15];vobject.outWidth=n;
             }else{grid.getCell(grid.model.fieldArray[15]).getNode(i).innerHTML="<span style={color:red;line-height:16px}> not be double</span>";passAll=1;}//double

             if(dojox.validate.isInRange(thisCell[16],{max:9999999, min:0})){
                n=new NumberQuery(); n.upNumber=thisCell[16];vobject.inWidth=n;
             }else{grid.getCell(grid.model.fieldArray[16]).getNode(i).innerHTML="<span style={color:red;line-height:16px}> not be double</span>";passAll=1;}//double

             if(dojox.validate.isInRange(thisCell[17],{max:9999999, min:0})){
                n=new NumberQuery(); n.upNumber=thisCell[17];vobject.outHeight=n;
             }else{grid.getCell(grid.model.fieldArray[17]).getNode(i).innerHTML="<span style={color:red;line-height:16px}> not be double</span>";passAll=1;}//double

             if(dojox.validate.isInRange(thisCell[18],{max:9999999, min:0})){
                n=new NumberQuery(); n.upNumber=thisCell[18];vobject.inHeight=n;
             }else{grid.getCell(grid.model.fieldArray[18]).getNode(i).innerHTML="<span style={color:red;line-height:16px}> not be double</span>";passAll=1;}//double

               vobject.colour=thisCell[19];
			  // var p=grid.model.fields._nameMaps[20];
			 
		 
               if(dojox.validate.isText(thisCell[20], {minlength: 1})){vobject.voitureType=thisCell[20];
             }else{grid.getCell(grid.model.fieldArray[20]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>can not be null</span>"; passAll=1;}//not null
               if(dojox.validate.isText(thisCell[21], {minlength: 1})){vobject.tyreType=thisCell[21];
             }else{grid.getCell(grid.model.fieldArray[21]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>can not be null</span>"; passAll=1;}//not null
                vobject.pin=thisCell[22];
               if(dojox.validate.isText(thisCell[23], {minlength: 1})){vobject.country=thisCell[23];
             }else{grid.getCell(grid.model.fieldArray[23]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>can not be null</span>"; passAll=1;}//not null
               if(dojox.validate.isText(thisCell[24], {minlength: 1})){vobject.typeV=thisCell[24];
             }else{grid.getCell(grid.model.fieldArray[24]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>can not be null</span>"; passAll=1;}//not null
              if(dojox.validate.isInRange(thisCell[25],{max:9999999, min:0})){
                n=new NumberQuery(); n.upNumber=thisCell[25];vobject.initvalue=n;
             }else{grid.getCell(grid.model.fieldArray[25]).getNode(i).innerHTML="<span style={color:red;line-height:16px}> not be double</span>";passAll=1;}//double

               vobject.remark=thisCell[26];
               if(dojox.validate.isText(thisCell[27], {minlength: 1})){vobject.status=thisCell[27];
             }else{grid.getCell(grid.model.fieldArray[27]).getNode(i).innerHTML="<span style={color:red;line-height:16px}>can not be null</span>"; passAll=1;}//not null
			if(thisCell[28]!=undefined){
			var masterDri=new PeopleVO();	masterDri.id=thisCell[28][1];
			vobject.masterDriver=masterDri;}
			if(thisCell[30]!=undefined){
			var depart=new WlCustomerVOJs();	depart.id=thisCell[30][1];
			vobject.depart=depart;}
		
		
		if(passAll==0){
             if(thisCell[1]==0){//create new row
                padd.add('WlVoitureVO',vobject);
                SOAPClient.invoke(url, "createWlVoiture", padd, false,  function GetEnu_callBack(ul, soapResponse){
                grid.model.setDatum(ul,i,1);
                });
	         }else{//modify row
                padd.add('WlVoitureVO',vobject);
                SOAPClient.invoke(url, "updateWlVoiture", padd, false,  function GetEnu_callBack(ul, soapResponse){
                });
	         }
        } }}//for
//submit delete
          for(var i=0;i<deletedata.length;i++){
               var pdel = new SOAPClientParameters();      
               pdel.add('id',deletedata[i]);
               SOAPClient.invoke(url, "deleteWlVoiture", pdel, false,  function GetEnu_callBack(ul, soapResponse){
	             
	           });
          }
          deletedata=new Array();
          dojo.byId("rowCount").innerHTML = 'saved'; 
//submit delete end          
 }

 function removeSelectedRowsGrid(){
       //var s = grid.selection.getSelected();
       var s= new Array();
       var sall=grid.model.data;
       for(var i=0;i<sall.length;i++){
       if(sall[i][0]==true){
          s.push(i);
          var thisCell=sall[i];
          if(thisCell[1]!=0){//the row which will be deleted
            deletedata.splice(deletedata.length,0,thisCell[1]);
          }
      }    }
      grid.model.remove(s);//grid.removeSelectedRows();
 }
        
addRow = function(){
          	grid.addRow([false,0,"","",""],grid.model.getRowCount());
	        } 
   
function querybutton(){
              //var p = new SOAPClientParameters2();
              var d,n;
              var validstate=0;
              //queryvo.id=0 ;
              queryvo=new WlVoitureVOJs();
              if(querylicense.getDisplayedValue()!="")queryvo.license=querylicense.getDisplayedValue();//
              if(querymanufacturer.getDisplayedValue()!="")queryvo.manufacturer=querymanufacturer.getDisplayedValue();//
              if(queryoldModel.getDisplayedValue()!="")queryvo.oldModel=queryoldModel.getDisplayedValue();//
              if(queryengineCode.getDisplayedValue()!="")queryvo.engineCode=queryengineCode.getDisplayedValue();//
              if(querybodyCode.getDisplayedValue()!="")queryvo.bodyCode=querybodyCode.getDisplayedValue();//
              d=queryDate_fun("birthday");
              if(d==null){validstate=1;}else if(d.upSign!="%"){queryvo.birthday=d;}
              d=queryDate_fun("registerDay");
              if(d==null){validstate=1;}else if(d.upSign!="%"){queryvo.registerDay=d;}
              n=queryNumber_fun("load");
              if(n==null){validstate=1;}else if(n.upSign!="%"){queryvo.load=n;}  
              n=queryNumber_fun("selfWeight");
              if(n==null){validstate=1;}else if(n.upSign!="%"){queryvo.selfWeight=n;}  
              n=queryNumber_fun("outLength");
              if(n==null){validstate=1;}else if(n.upSign!="%"){queryvo.outLength=n;}  
              n=queryNumber_fun("inLength");
              if(n==null){validstate=1;}else if(n.upSign!="%"){queryvo.inLength=n;}  
              n=queryNumber_fun("outWidth");
              if(n==null){validstate=1;}else if(n.upSign!="%"){queryvo.outWidth=n;}  
              n=queryNumber_fun("inWidth");
              if(n==null){validstate=1;}else if(n.upSign!="%"){queryvo.inWidth=n;}  
              n=queryNumber_fun("outHeight");
              if(n==null){validstate=1;}else if(n.upSign!="%"){queryvo.outHeight=n;}  
              n=queryNumber_fun("inHeight");
              if(n==null){validstate=1;}else if(n.upSign!="%"){queryvo.inHeight=n;}  
              if(querycolour.getDisplayedValue()!="")queryvo.colour=querycolour.getDisplayedValue();//
              if(queryvoitureType.getDisplayedValue()!="")queryvo.voitureType=queryvoitureType.getDisplayedValue();//
              if(querytyreType.getDisplayedValue()!="")queryvo.tyreType=querytyreType.getDisplayedValue();//
              if(querypin.getDisplayedValue()!="")queryvo.pin=querypin.getDisplayedValue();//
              if(querycountry.getDisplayedValue()!="")queryvo.country=querycountry.getDisplayedValue();//
              if(querytypeV.getDisplayedValue()!="")queryvo.typeV=querytypeV.getDisplayedValue();//
              n=queryNumber_fun("initvalue");
              if(n==null){validstate=1;}else if(n.upSign!="%"){queryvo.initvalue=n;}  
              if(queryremark.getDisplayedValue()!="")queryvo.remark=queryremark.getDisplayedValue();//
              if(querystatus.getDisplayedValue()!="")queryvo.status=querystatus.getDisplayedValue();//
        if(validstate==0){
              pagenumber=1;
              getVO(queryvo,pagenumber,pagesize,'0');     
              if(totalpage>1){dijit.byId("but7").setDisabled(false);}else{dijit.byId("but7").setDisabled(true);}          
             }      
       }

 querydis = function(){
               querydisplay("queryDiv");
            }
 


function getVO(queryvo,pagenumber,pagesize,orderBy){
      var pu = new SOAPClientParameters2();
      pu.add('WlVoitureVO',queryvo) ;
      pu.add('pageNumber',pagenumber) ;
	    pu.add('pageSize',pagesize) ;
	    pu.add('orderBy',orderBy) ;
      SOAPClient.invoke(url,"getWlVoitureVO", pu, false,  function GetEnu_callBack(ul, soapResponse){      
           querydata=WlVoitureVOtoArray_fun(ul,true);
            totalCount=ul[ul.length-1]["ns:remark"]; 
            totalpage=Math.ceil(new Number(totalCount)/pagesize);
           document.getElementById("rowCount").innerHTML=" "+pagenumber+" / "+totalpage+" / "+totalCount+" " ;
      }); 
           querydata.splice(querydata.length-1,1);
           model.setData(querydata);
 }
 
function init(){
  getVO(queryvo,pagenumber,pagesize,'0');
  if(totalpage>1)dijit.byId("but7").setDisabled(false);
}
 dojo.addOnLoad(init);            
</script>
</head>
<body class="tundra">
     
     	<div id="queryDiv" style="margin-right:0px;  height:300px; display:none;" >
              <table align="center" width=100% class="queryTable"  >
                               <tr ><td align="center" style="{width:11%}">Please input criterial:</td>
                <td style="{width:22%}" ></td>
                <td style="{width:11%}"></td>
                <td style="{width:6%}" ></td>
                <td style="{width:11%}" ></td>
                <td style="{width:6%}" ></td>
                <td style="{width:11%}"></td>
                <td style="{width:22%}"></td></tr> 
                <tr ><td align="center" style="{width:11%}"></td>
                <td style="{width:22%}" ></td>
                <td style="{width:11%}"></td>
                <td style="{width:6%}" ></td>
                <td style="{width:11%}" ></td>
                <td style="{width:6%}" ></td>
                <td style="{width:11%}"></td>
                <td style="{width:22%}"></td></tr>  
                <tr>

                    <td align="right" style="width:16%">license:</td>
                    <td align="left" style="width:17%"><input type="text"  id="querylicense"  jsId="querylicense"   dojoType="dijit.form.TextBox"  /></td>
                    <td align="right" style="width:17%">manufacturer:</td>
                    <td align="left" style="width:17%"><input type="text"  id="querymanufacturer"  jsId="querymanufacturer"   dojoType="dijit.form.TextBox"  /></td>  
                    <td align="right" style="width:17%">oldModel:</td>
                    <td align="left" style="width:16%"><input type="text"  id="queryoldModel"  jsId="queryoldModel"   dojoType="dijit.form.TextBox"  /></td>  
              </tr>
                <tr   >
                    <td align="right" style="width:16%">engineCode:</td>
                    <td align="left" style="width:17%"><input type="text"  id="queryengineCode"  jsId="queryengineCode"   dojoType="dijit.form.TextBox"  /></td>
                    <td align="right" style="width:17%">bodyCode:</td>
                    <td align="left" style="width:17%"><input type="text"  id="querybodyCode"  jsId="querybodyCode"   dojoType="dijit.form.TextBox"  /></td>  
                    <td align="right" style="width:17%"> </td>
                    <td align="right" style="width:16%"></td>
                </tr><tr  >
                    <td align="right" style="width:16%">birthday:</td>
                    <td align="left" style="width:34%" colspan="2"><span id="querybirthdayImg0"  ><input style="{width:50%}"   jsId="querybirthday" id="querybirthday"  constraints="{datePattern:'yyyy-MM-dd'}" dojoType="dijit.form.DateTextBox"  />
                        <input style="{display:none}" jsId="querybirthdayTime" id="querybirthdayTime" value="00:00" dojoType="dijit.form.TimeTextBox" constraints="{timePattern:'HH:mm'}"   invalidMessage="Invalid time. Use HH:mm where HH is 00 - 23 hours."></span>
                        <span id="querybirthdayImg1" style="{display:none}" ><input style="{width:110px}"   jsId="query1birthday" id="query1birthday"  constraints="{datePattern:'yyyy-MM-dd'}" dojoType="dijit.form.DateTextBox"  />
                        <input style="{display:none}" jsId="query1birthdayTime" id="query1birthdayTime" value="00:00" dojoType="dijit.form.TimeTextBox" constraints="{timePattern:'HH:mm'}"   invalidMessage="Invalid time. Use HH:mm where HH is 00 - 23 hours."></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="querybirthdayImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="querybirthdayImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="querybirthdayImgdown" >></span>
                        <span id="querybirthdayImg2div" style="{display:none}"><input style="{width:110px}"   jsId="query2birthday" id="query2birthday"  constraints="{datePattern:'yyyy-MM-dd'}" dojoType="dijit.form.DateTextBox"  />
                        <input style="{display:none}" jsId="query2birthdayTime" id="query2birthdayTime" value="00:00" dojoType="dijit.form.TimeTextBox" constraints="{timePattern:'HH:mm'}"   invalidMessage="Invalid time. Use HH:mm where HH is 00 - 23 hours."></span>
                    </td>
                    <td align="right" style="width:17%">registerDay:</td>
                    <td align="left" style="width:34%" colspan="2"><span id="queryregisterDayImg0"  ><input style="{width:50%}"   jsId="queryregisterDay" id="queryregisterDay"  constraints="{datePattern:'yyyy-MM-dd'}" dojoType="dijit.form.DateTextBox"  />
                        <input style="{display:none}" jsId="queryregisterDayTime" id="queryregisterDayTime" value="00:00" dojoType="dijit.form.TimeTextBox" constraints="{timePattern:'HH:mm'}"   invalidMessage="Invalid time. Use HH:mm where HH is 00 - 23 hours."></span>
                        <span id="queryregisterDayImg1" style="{display:none}" ><input style="{width:100px}"   jsId="query1registerDay" id="query1registerDay"  constraints="{datePattern:'yyyy-MM-dd'}" dojoType="dijit.form.DateTextBox"  />
                        <input style="{display:none}" jsId="query1registerDayTime" id="query1registerDayTime" value="00:00" dojoType="dijit.form.TimeTextBox" constraints="{timePattern:'HH:mm'}"   invalidMessage="Invalid time. Use HH:mm where HH is 00 - 23 hours."></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryregisterDayImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryregisterDayImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryregisterDayImgdown" >></span>
                        <span id="queryregisterDayImg2div" style="{display:none}"><input style="{width:100px}"   jsId="query2registerDay" id="query2registerDay"  constraints="{datePattern:'yyyy-MM-dd'}" dojoType="dijit.form.DateTextBox"  />
                        <input style="{display:none}" jsId="query2registerDayTime" id="query2registerDayTime" value="00:00" dojoType="dijit.form.TimeTextBox" constraints="{timePattern:'HH:mm'}"   invalidMessage="Invalid time. Use HH:mm where HH is 00 - 23 hours."></span>
                    </td>
                <tr  >
                    <td align="right" style="width:16%">load:</td>
                    <td align="left" style="width:17%"><span id="queryloadImg0"  ><input type="text" style="width:66%" jsId="queryload"  id="queryload"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span id="queryloadImg1" style="{display:none}" ><input type="text" style="width:36%" jsId="queryload1"  id="queryload1"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryloadImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryloadImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryloadImgdown" >></span>
                        <span id="queryloadImg2div" style="{display:none}"> <input type="text" style="{width:36%;}"  jsId="queryload2"  id="queryload2"  dojoType="mydojo.NumberTextBox"  /></span>
                    </td>
                    <td align="right" style="width:17%">selfWeight:</td>
                    <td align="left" style="width:17%"><span id="queryselfWeightImg0"  ><input type="text" style="width:66%" jsId="queryselfWeight"  id="queryselfWeight"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span id="queryselfWeightImg1"  style="{display:none}" ><input type="text" style="width:36%" jsId="queryselfWeight1"  id="queryselfWeight1"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryselfWeightImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryselfWeightImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryselfWeightImgdown" >></span>
                        <span id="queryselfWeightImg2div" style="{display:none}"> <input type="text" style="{width:36%;}"  jsId="queryselfWeight2"  id="queryselfWeight2"  dojoType="mydojo.NumberTextBox"  /></span>
                    </td>  
                    <td align="right" style="width:17%">outLength:</td>
                    <td align="left" style="width:16%"><span id="queryoutLengthImg0"  ><input type="text" style="width:66%" jsId="queryoutLength"  id="queryoutLength"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span id="queryoutLengthImg1"  style="{display:none}" ><input type="text" style="width:36%" jsId="queryoutLength1"  id="queryoutLength1"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryoutLengthImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryoutLengthImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryoutLengthImgdown" >></span>
                        <span id="queryoutLengthImg2div" style="{display:none}"> <input type="text" style="{width:36%;}"  jsId="queryoutLength2"  id="queryoutLength2"  dojoType="mydojo.NumberTextBox"  /></span>
                    </td>  
              </tr>
                <tr  >
                    <td align="right" style="width:16%">inLength:</td>
                    <td align="left" style="width:17%"><span id="queryinLengthImg0"  ><input type="text" style="width:66%" jsId="queryinLength"  id="queryinLength"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span id="queryinLengthImg1" style="{display:none}" ><input type="text" style="width:36%" jsId="queryinLength1"  id="queryinLength1"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryinLengthImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryinLengthImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryinLengthImgdown" >></span>
                        <span id="queryinLengthImg2div" style="{display:none}"> <input type="text" style="{width:36%;}"  jsId="queryinLength2"  id="queryinLength2"  dojoType="mydojo.NumberTextBox"  /></span>
                    </td>
                    <td align="right" style="width:17%">outWidth:</td>
                    <td align="left" style="width:17%"><span id="queryoutWidthImg0"  ><input type="text" style="width:66%" jsId="queryoutWidth"  id="queryoutWidth"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span id="queryoutWidthImg1"  style="{display:none}" ><input type="text" style="width:36%" jsId="queryoutWidth1"  id="queryoutWidth1"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryoutWidthImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryoutWidthImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryoutWidthImgdown" >></span>
                        <span id="queryoutWidthImg2div" style="{display:none}"> <input type="text" style="{width:36%;}"  jsId="queryoutWidth2"  id="queryoutWidth2"  dojoType="mydojo.NumberTextBox"  /></span>
                    </td>  
                    <td align="right" style="width:17%">inWidth:</td>
                    <td align="left" style="width:16%"><span id="queryinWidthImg0"  ><input type="text" style="width:66%" jsId="queryinWidth"  id="queryinWidth"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span id="queryinWidthImg1"  style="{display:none}" ><input type="text" style="width:36%" jsId="queryinWidth1"  id="queryinWidth1"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryinWidthImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryinWidthImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryinWidthImgdown" >></span>
                        <span id="queryinWidthImg2div" style="{display:none}"> <input type="text" style="{width:36%;}"  jsId="queryinWidth2"  id="queryinWidth2"  dojoType="mydojo.NumberTextBox"  /></span>
                    </td>  
              </tr>
                <tr  >
                    <td align="right" style="width:16%">outHeight:</td>
                    <td align="left" style="width:17%"><span id="queryoutHeightImg0"  ><input type="text" style="width:66%" jsId="queryoutHeight"  id="queryoutHeight"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span id="queryoutHeightImg1" style="{display:none}" ><input type="text" style="width:36%" jsId="queryoutHeight1"  id="queryoutHeight1"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryoutHeightImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryoutHeightImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryoutHeightImgdown" >></span>
                        <span id="queryoutHeightImg2div" style="{display:none}"> <input type="text" style="{width:36%;}"  jsId="queryoutHeight2"  id="queryoutHeight2"  dojoType="mydojo.NumberTextBox"  /></span>
                    </td>
                    <td align="right" style="width:17%">inHeight:</td>
                    <td align="left" style="width:17%"><span id="queryinHeightImg0"  ><input type="text" style="width:66%" jsId="queryinHeight"  id="queryinHeight"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span id="queryinHeightImg1"  style="{display:none}" ><input type="text" style="width:36%" jsId="queryinHeight1"  id="queryinHeight1"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryinHeightImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryinHeightImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryinHeightImgdown" >></span>
                        <span id="queryinHeightImg2div" style="{display:none}"> <input type="text" style="{width:36%;}"  jsId="queryinHeight2"  id="queryinHeight2"  dojoType="mydojo.NumberTextBox"  /></span>
                    </td>  
                    <td align="right" style="width:17%">colour:</td>
                    <td align="left" style="width:16%"><input type="text"  id="querycolour"  jsId="querycolour"   dojoType="dijit.form.TextBox"  /></td>  
              </tr>
                <tr  >
                    <td align="right" style="width:16%">voitureType:</td>
                    <td align="left" style="width:17%"><input type="text"  id="queryvoitureType"  jsId="queryvoitureType"   dojoType="dijit.form.TextBox"  /></td>
                    <td align="right" style="width:17%">tyreType:</td>
                    <td align="left" style="width:17%"><input type="text"  id="querytyreType"  jsId="querytyreType"   dojoType="dijit.form.TextBox"  /></td>  
                    <td align="right" style="width:17%">pin:</td>
                    <td align="left" style="width:16%"><input type="text"  id="querypin"  jsId="querypin"   dojoType="dijit.form.TextBox"  /></td>  
              </tr>
                <tr  >
                    <td align="right" style="width:16%">country:</td>
                    <td align="left" style="width:17%"><input type="text"  id="querycountry"  jsId="querycountry"   dojoType="dijit.form.TextBox"  /></td>
                    <td align="right" style="width:17%">typeV:</td>
                    <td align="left" style="width:17%"><input type="text"  id="querytypeV"  jsId="querytypeV"   dojoType="dijit.form.TextBox"  /></td>  
                    <td align="right" style="width:17%">initvalue:</td>
                    <td align="left" style="width:16%"><span id="queryinitvalueImg0"  ><input type="text" style="width:66%" jsId="queryinitvalue"  id="queryinitvalue"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span id="queryinitvalueImg1"  style="{display:none}" ><input type="text" style="width:36%" jsId="queryinitvalue1"  id="queryinitvalue1"  dojoType="mydojo.NumberTextBox"  /></span>
                        <span hidefocus="true" style="{display:none}" onclick="selectSign(this);" id="queryinitvalueImgup">></span>
                        <img src="../image/start.gif" onclick="queryType(this);" id="queryinitvalueImg" height="15" width="20" border="0">
                        <span hidefocus="false"  style="{display:none}" onclick="selectSign(this);" id="queryinitvalueImgdown" >></span>
                        <span id="queryinitvalueImg2div" style="{display:none}"> <input type="text" style="{width:36%;}"  jsId="queryinitvalue2"  id="queryinitvalue2"  dojoType="mydojo.NumberTextBox"  /></span>
                    </td>  
              </tr>
                <tr >
                    <td align="right" style="width:16%">remark:</td>
                    <td align="left" style="width:17%"><input type="text"  id="queryremark"  jsId="queryremark"   dojoType="dijit.form.TextBox"  /></td>
                    <td align="right" style="width:17%">status:</td>
                    <td align="left" style="width:17%"><input type="text"  id="querystatus"  jsId="querystatus"   dojoType="dijit.form.TextBox"  /></td>  
	
           <tr align="center"><td></td><td colspan="2"><a onclick="querybutton();"><img src="../image/332.gif" height="20" width="20" border="0">OK</a></td><td></td><td colspan="2"></td></tr>
						    </table>
	     </div>
	       	<div align="right">
	          	 &nbsp;&nbsp;&nbsp;
	          	     <button dojoType="dijit.form.Button" onclick="addRow();" iconClass="addIcon" >add</button>
	                 <button dojoType="dijit.form.Button" onclick="removeSelectedRowsGrid();" iconClass="delIcon" >delete</button>
	                 <button dojoType="dijit.form.Button" id="but3" jsId="but3" onclick="call_funUpd();"  iconClass="saveIcon">save</button>
	          	     <button dojoType="dijit.form.Button" onclick="querydis();" iconClass="queryIcon" >query</button>
                  
         		</div>   
	        
	      
	         
	    <div style="{height:90%;width:100%}"  >
	         <div id="grid"  dojoType="dojox.Grid" autoWidth="false"  jsId="grid"	model="model"  structure="editfield" singleClickEdit="true" ></div>
      </div>
      <div align="right" >
      <span id="rowCount"></span>
      <button dojoType="dijit.form.myButton" onclick="upPage();"  id="but6" jsId="but6" disabled='true' iconClass="upPageIcon" >pageup</button><!--span dojoType="dijit.Tooltip" connectId="but6">pageup</span-->
      <button dojoType="dijit.form.myButton" onclick="downPage();" id="but7"  jsId="but7" disabled='true' iconClass="downPageIcon" >pagedown</button><!--span dojoType="dijit.Tooltip" connectId="but7">pagedown</span-->
      <div id="668" dojoType="dijit.form.myDropDownButton" iconClass="pageIcon" >
			<span>pageNumber</span>
			<div dojoType="dijit.Menu">
				<div dojoType="dijit.MenuItem" label="10"  iconClass="toPageIcon"		onClick="pageSizeChange(this.label);"></div>
				<div dojoType="dijit.MenuItem"  label="30" iconClass="toPageIcon"		onClick="pageSizeChange(this.label);"></div>
		    <div dojoType="dijit.MenuItem"  label="50" iconClass="toPageIcon"		onClick="pageSizeChange(this.label);"></div>
					<div dojoType="dijit.MenuItem"  label="100" iconClass="toPageIcon"	onClick="pageSizeChange(this.label);"></div>
					<div dojoType="dijit.MenuItem"  label="noPage" iconClass="noPageIcon"	onClick="allpage();"></div>
		 </div><!--span dojoType="dijit.Tooltip" connectId="668"></span--></div>
		<div id="669" dojoType="dijit.form.myDropDownButton" iconClass="pageStyleIcon">
			<span>pageStyle</span>
			<div dojoType="dijit.Menu">
				<div dojoType="dijit.MenuItem"  iconClass="rowIcon"		label="row"	onClick="pageStyle(this.label);"></div>
				<div dojoType="dijit.MenuItem"  iconClass="colIcon"		label="col"	onClick="pageStyle(this.label);"></div>
		 </div></div>
       <!--button dojoType="dijit.form.Button" onclick="allpage(this);" id="but8" jsId="but8" iconClass="plusIcon">allpage</button-->
	                       
      </div>
</body></html>	
